<template>
  <n-config-provider :theme="themeConfig.theme? darkTheme : null" 
  :theme-overrides="themeOverrides"
  class="wh100">
    <n-message-provider>
        <router-view></router-view>
    </n-message-provider>
  </n-config-provider>
</template>

<script lang="ts" setup>
import {darkTheme, NMessageProvider} from "naive-ui";
import {useThemeConfig} from "/@bean/GlobalConfig";

const storesThemeConfig = useThemeConfig();
const { themeConfig } = storeToRefs(storesThemeConfig);
import { NConfigProvider, GlobalThemeOverrides } from "naive-ui";

const themeOverrides: GlobalThemeOverrides = {
  common: themeConfig.value.common,
};
</script>

<style scoped lang="scss">

</style>